@import "../../../styles/_commonColor.scss";

.statusBar {
  font-size: 30px;
  color: $gray;
  .bar {
    display: flex;
    align-items: center;
    padding: 0 20px;
    img {
      display: block;
      margin: 0 20px;
    }
    .normal {
      flex: 1;
      display: flex;
      align-items: center;
      .solid {
        border-top: 1PX solid $gray;
        height: 1PX;
        flex: 1;
      }
      .successSolid {
        border-top: 1PX solid $slidergreen;
      }
      .error {
        border-top: 1PX solid red;

      }
    }
    .successImg, .errorImg {
      width: 40px;
    }
    .normalImg {
      width: 45px;
    }
  }
  .textContainer {
    display: flex;
    margin-top: 5px;
    justify-content: space-between;
    .successText {
      color: $slidergreen;
    }
    .errorText{
      color:red;
    }
  }
}